<template>
  <div>
    <h4>受限关节及ROM评估</h4>
    <el-card class="box-card">
      <el-table
        :data="pgForm"
        stripe
        border
        style="width: 100%;margin-top: 20px"
        :header-cell-style="{background:'#edf6fa'}"
        :cell-style="cellStyle"
      >
        <el-table-column label="评定项目"  align="center" width="200px">
          <template slot-scope="scope">
            <el-input v-model="scope.row.rom_assProject"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="assResult" label="评定结果" align="center">
          <el-table-column label="L"  align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.rom_l"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="R"  align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.rom_r"></el-input>
            </template>
          </el-table-column>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>

export default {
  name: "joint_rom_assess",
  title: "受限关节及ROM评估",
  created() {
    if (this.istrans) {
      this.pgForm = this.fromdata
    }
  },
  props: {
    fromdata: {},
    istrans: false,
  },
  data() {
    return {
      pgForm: [
        {
          rom_assProject:'',
          rom_l:'',
          rom_r:'',
        },{
          rom_assProject:'',
          rom_l:'',
          rom_r:'',
        },{
          rom_assProject:'',
          rom_l:'',
          rom_r:'',
        },{
          rom_assProject:'',
          rom_l:'',
          rom_r:'',
        },
      ],
    };
  },
  methods: {
    cellStyle({columnIndex}){
      if(columnIndex<1){
        return 'background-color:#edf6fa'
      }else {
        return ''
      }
    },
  }
}
</script>

<style scoped>
</style>
